<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>挂号统计</title>
  <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/registration_statistics.css">
  <script src="../lib/jquery-1.11.3.js"></script>
  <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <script src="../JavaScript/data.js"></script>
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <script src="../JavaScript/Highcharts-9.3.2/code/highcharts.js"></script>
</head>
<body>
  <div class="kong11"></div>
  <div id="mulu">
    <!-- 导航 -->
    <div id="cateHead">
      <p><span>首页 / 数据统计 / </span>挂号统计</p>
      <p>挂号统计</p>
  </div>
</div>


    <div class=" bj">
         
        <div class="row ">
          <div class="col-md-10 col-md-offset-1 bjys" >
            <p>各科室收入<span>按科室统计挂号收入</span></p>
            <div class="xuanxiangka clear">
              <div class="xx">
              <div onclick="dianji(this)">本月</div><div onclick="dianji(this)">本季度</div><div onclick="dianji(this)">本年</div>
              </div>
              <input type="text" value="2019-07-01至2019-07-07 " >
              <div>
                <select name="" id="">
                  <option value="qg">全国</option>
                  <option value="bj">北京</option>
                  <option value="sh">上海</option>
                  <option value="tj">天津</option>
                  <option value="cq">重庆</option>
                  <option value="gd">广东</option>
                  <option value="js">江苏</option>
                  <option value="zj">浙江</option>
                  <option value="sd">山东</option>
                </select>
              </div>
            </div>
            <div id="tjb" >
              <div>
                <span>9600</span><img src="../images/statistical-img/u23279.svg" alt="">
              </div>
              <div>
                <span>7200</span><img src="../images/statistical-img/u23279.svg" alt="">
              </div>
              <div>
                <span>4800</span><img src="../images/statistical-img/u23279.svg" alt="">
              </div>
              <div>
                <span>2400</span><img src="../images/statistical-img/u23279.svg" alt="">
              </div>
              <div id="dingwei">
                <span>0</span><img src="../images/statistical-img/u23283.svg" alt="">
                <div class="histogram clear">
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                  <div></div>
                </div>
              </div>
              <p id="keshi">
                <span>血液内科</span>
                <span>心血管内科</span>
                <span>感染性疾病</span>
                <span>胸外科</span>
                <span>心脏内科</span>
                <span>内分泌代谢</span>
                <span>风湿免疫科</span>
                <span>呼吸科</span>
                <span>消化内科</span>
                <span>皮肤性病科</span>
                <span>肾内科</span>
                <span>神经内科</span>
              </p>
            </div>
          </div>
          <div class="col-md-10 col-md-offset-1 bjys" >
            <p>
              医院收入top10<span>统计各地区医院的收入排名</span></p>
            <div class="xuanxiangka clear">
              <div class="xx">
              <div onclick="dianji(this)">本月</div><div onclick="dianji(this)">本季度</div><div onclick="dianji(this)">本年</div>
              </div>
              <input type="text" value="2019-07-01至2019-07-07 " >
              <div>
                <select name="" id="">
                  <option value="qg">全国</option>
                  <option value="bj">北京</option>
                  <option value="sh">上海</option>
                  <option value="tj">天津</option>
                  <option value="cq">重庆</option>
                  <option value="gd">广东</option>
                  <option value="js">江苏</option>
                  <option value="zj">浙江</option>
                  <option value="sd">山东</option>
                </select>
              </div>
            </div>
            
            <div class="paiming">
              <div class="col-md-1 " >
                <img src="../images/statistical-img/u459 (1).svg" alt="">
              </div>
              <div class="col-md-3" >四川大学华西医院</div>
              <div class="col-md-2 " >544万元</div>
              <div class="col-md-1 " >
                6</div>
              <div class="col-md-3" >四川省妇幼保健院</div>
              <div class="col-md-2 " >280万元</div>
            </div>
            <div class="paiming">
              <div class="col-md-1 " >
                <img src="../images/statistical-img/u458 (1).svg" alt=""></div>
              <div class="col-md-3" >四川省第二中医医院</div>
              <div class="col-md-2 " >540万元</div>
              <div class="col-md-1" >
                7</div>
              <div class="col-md-3" >成都大学附属医院</div>
              <div class="col-md-2 " >270万元</div>
            </div>
            <div class="paiming">
              <div class="col-md-1 " >
                <img src="../images/statistical-img/u479 (1).svg" alt=""></div>
              <div class="col-md-3" >四川省骨科医院</div>
              <div class="col-md-2 " >520万元</div>
              <div class="col-md-1 " >
                8</div>
              <div class="col-md-3" >四川省中西医结合医院</div>
              <div class="col-md-2 " >244万元</div>
            </div>
            <div class="paiming">
              <div class="col-md-1 " >
                4</div>
              <div class="col-md-3" >成都市第三人民医院</div>
              <div class="col-md-2 " >500万元</div>
              <div class="col-md-1 " >
                9</div>
              <div class="col-md-3" >中航工业三六三医院</div>
              <div class="col-md-2 " >235万元</div>
            </div>
            <div class="paiming">
              <div class="col-md-1 " >
                5</div>
              <div class="col-md-3" >攀钢集团成都医院</div>
              <div class="col-md-2 " >360万元</div>
              <div class="col-md-1 " > 10</div>
              <div class="col-md-3" >四川省肿瘤医院</div>
              <div class="col-md-2 " >220万元</div>
            </div>
          </div>
         
          <div class="col-md-10 col-md-offset-1 bjys">
            <p>医生收入排名 TOP20
              <select name="" id="">
                <option value="qg">全国</option>
                <option value="bj">北京</option>
                <option value="sh">上海</option>
                <option value="tj">天津</option>
                <option value="cq">重庆</option>
                <option value="gd">广东</option>
                <option value="js">江苏</option>
                <option value="zj">浙江</option>
                <option value="sd">山东</option>
              </select>
            </p>
            <div class="col-md-1 dis">
              <div><span class="wu"><img src="../images/statistical-img/u459 (1).svg" alt=""></span></div>
              <div><span  class="wu"><img src="../images/statistical-img/u458 (1).svg" alt=""></span></div>
              <div><span  class="wu"><img src="../images/statistical-img/u479 (1).svg" alt=""></span></div>
              <div><span>4</span></div>
              <div><span>5</span></div>
              <div><span>6</span></div>
              <div><span>7</span></div>
              <div><span>8</span></div>
              <div><span>9</span></div>
              <div><span>10</span></div>
              
            </div>
            <div id="qian" class="col-md-5 distance">
            </div>
            <div class="col-md-1 dis">
              <div><span>11</span></div>
              <div><span>12</span></div>
              <div><span>13</span></div>
              <div><span>14</span></div>
              <div><span>15</span></div>
              <div><span>16</span></div>
              <div><span>17</span></div>
              <div><span>18</span></div>
              <div><span>19</span></div>
              <div><span>20</span></div>
            </div>
            <div id="hou" class="col-md-5 distance">
            </div>
          </div>

          
        </div>
      </div>

      <div >
        <span class="foot1">大健康综合管理后台</span>
        <span class="foot2">版权所有:@大健康综合(集团)有限公司Meinian Onehealth Healthcare (Group)Co.</span>
        <span class="foot2">沪ICP备09017846号-3沪公网安备31010602006448号</span>
    </div>
    <script src="../JavaScript/index.js"></script>
    <script src="../JavaScript/data.js"></script>
    <script src="../JavaScript/utils.js"></script>
    <script>
      function dianji(obj){        
        
        $(obj).siblings().css({
          backgroundColor: 'white',
          color: '#1890FF'
        })
        $(obj).css({
          backgroundColor: '#1890FF',
          color: 'white'
        })
            
      }
      function num(val,data){//数据的属性的值，数据的来源
        let sum=0
        data.forEach(item => {
          for (var i in item) {
            if(item[i]==val)
            sum++
        }
        })
        return sum        
      }   
      function dianji(obj,num){        
        $(obj).siblings().css({
          backgroundColor: 'white',
          color: '#1890FF'
        })
        $(obj).css({
          backgroundColor: '#1890FF',
          color: 'white'
        })
            
      }
      
let doctorn=getset(doctor,'doctor')//get医生数据
var compare = function (prop) {
    return function (obj1, obj2) {
        var val1 = obj1[prop];
        var val2 = obj2[prop];
        if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
            val1 = Number(val1);
            val2 = Number(val2);
        }
        if (val1 > val2) {
            return -1;
        } else if (val1 < val2) {
            return 1;
        } else {
            return 0;
        }            
    } 
}
let paixu=doctorn.sort(compare('money'))

 let qian10=paixu.slice(0,10)
 let qian20=paixu.slice(11,21)

      let qian=document.getElementById('qian')
      let hou=document.getElementById('hou')
      qian10.forEach(item => {
        qian.innerHTML +=`
        <div><span>${item.img}</span><span>${item.name}</span><span>${item.money}</span><span>${item.AffHos}</span></div>
        `
      })
      qian20.forEach(item => {
        hou.innerHTML +=`
        <div><span>${item.img}</span><span>${item.name}</span><span>${item.money}</span><span>${item.AffHos}</span></div>
        `
      })
    $('#qian>div>span:nth-of-type(1)').html(`<img src="../images/liujinchang/doctor.png" alt="">`)
    $('#qian>div>span:nth-of-type(1)>img').css({
      height:'40px',
      width:'40px'
    })
    $('#hou>div>span:nth-of-type(1)').html(`<img src="../images/liujinchang/doctor.png" alt="">`)
    $('#hou>div>span:nth-of-type(1)>img').css({
      height:'40px', 
      width:'40px'
    })
      $('.wu').css({
        border:'none',
        backgroundColor:'white'
      })
      let inspect_n=getset(inspect,'inspect')
      let a1=num('血液内科',inspect_n)*10+'px'
      let a1_1=-num('血液内科',inspect_n)*10+'px'
      let a2=num('心血管内科',inspect_n)*10+'px'
      let a2_1=-num('心血管内科',inspect_n)*10+'px'
      let a3=num('感染性疾病科',inspect_n)*10+'px'
      let a3_1=-num('感染性疾病科',inspect_n)*10+'px'
      let a4=num('胸外科',inspect_n)*10+'px'
      let a4_1=-num('胸外科',inspect_n)*10+'px'
      let a5=num('心脏内科',inspect_n)*10+'px'
      let a5_1=-num('心脏内科',inspect_n)*10+'px'
      let a6=num('内分泌代谢',inspect_n)*10+'px'
      let a6_1=-num('内分泌代谢',inspect_n)*10+'px'
      let a7=num('风湿免疫科',inspect_n)*10+'px'
      let a7_1=-num('风湿免疫科',inspect_n)*10+'px'
      let a8=num('呼吸科',inspect_n)*10+'px'
      let a8_1=-num('呼吸科',inspect_n)*10+'px'
      let a9=num('消化内科',inspect_n)*10+'px'
      let a9_1=-num('消化内科',inspect_n)*10+'px'
      let a10=num('皮肤性病科',inspect_n)*10+'px'
      let a10_1=-num('皮肤性病科',inspect_n)*10+'px'
      let a11=num('肾内科',inspect_n)*10+'px'
      let a11_1=-num('肾内科',inspect_n)*10+'px'
      let a12=num('神经内科',inspect_n)*10+'px'
      let a12_1=-num('神经内科',inspect_n)*10+'px'
      
      $('.histogram').children().eq(0).css({
        height:a1,
        marginTop:a1_1
      })
      
      $('.histogram').children().eq(1).css({
        height:a2,
        marginTop:a2_1
      })
      $('.histogram').children().eq(2).css({
        height:a3,
        marginTop:a3_1
      })
      $('.histogram').children().eq(3).css({
        height:a4,
        marginTop:a4_1
      })
      $('.histogram').children().eq(4).css({
        height:a5,
        marginTop:a5_1
      })
      $('.histogram').children().eq(5).css({
        height:a6,
        marginTop:a6_1
      })
      $('.histogram').children().eq(6).css({
        height:a7,
        marginTop:a7_1
      })
      $('.histogram').children().eq(7).css({
        height:a8,
        marginTop:a8_1
      })
      $('.histogram').children().eq(8).css({
        height:a9,
        marginTop:a9_1
      })
      $('.histogram').children().eq(9).css({
        height:a10,
        marginTop:a10_1
      })
      $('.histogram').children().eq(10).css({
        height:a11,
        marginTop:a11_1
      })
      $('.histogram').children().eq(11).css({
        height:a12,
        marginTop:a12_1
      })
      
     
     
    </script>

</body>
</html>